<header>
    <div class="b-shadow">
        <h1>我的订单</h1>
        <a href="" class="cancle-order-btn reloadbtn" ng-click="reloadOrder()"></a></div>
</header>
<style>
    *{
        font-size: 12px;
    }
</style>
<div zm-scroll="" srcroll-ref="true" no-bottom="true">
    <div class="order-no" ng-if="orders.length==0"><p style="font-size: 13px;margin-top: 40px">您还没下订单哦~<br>赶紧去预约吧！</p>
        <a href="#/designer" class="btn betbtn yebtn" style="margin:10px 0">挑选店面</a></div>
    <div class="userorder-list" style="width: 98%;margin: 50px auto">
        <ul id="Main" class="enginner" style="padding-bottom:40px;margin-top: 50px">
            <li data-ng-repeat="order in orders"class="elevel1" style="height: 120px;">
                <a href="/#/user/orderDetail/{{order.order_id}}">
                    <div style="padding: 2px 10px; height: 120px;">
                        <div style="height: 20px;text-align: left">
                            <div style="float: left;font-size: 14px;">订单号:{{order.order_id}}</div>
                            <div style="float: left;padding-left: 10px;">
                                <div data-ng-if="order.status == 1" style="color: #ff0000">待支付</div>
                                <div data-ng-if="order.status == 2">已支付</div>
                                <div data-ng-if="order.status == 3">已取消</div>
                                <div data-ng-if="order.status == 4">已完成</div>
                            </div>
                            <div style="float: right;color: #ff0000;font-size: 14px;">￥{{order.sum_price}}</div>
                        </div>
                        <div style="margin: auto">
                            <img src="/imgs/hr-edetail.png" width="300px">
                        </div>
                        <div>
                            <div style="width: 35%;height:70px;margin: auto;position: absolute;">
                                <div style="height: 60px;">
                                    <img src="{{order.head_img}}" style="width:120px;height:60px;">
                                </div>
                                <div style="text-align: left;">
                                    <span>{{order.name}}</span>
                                </div>
                            </div>
                            <div style="position: absolute;left: 35%;padding-left: 30px;line-height: 2;text-align: left">
                                <div style="font-size: 14px;">{{order.item_name}} x {{order.num}}</div>
                                <div>下单时间: {{order.oct}}</div>
                                <div>服务时间: 2015/{{order.begin_date}}&nbsp;{{order.begin_time}}</div>
                            </div>
                        </div>
                    </div>
                </a>
            </li>

        </ul>

        <div class="loadIndicator animate-show" ng-show="loading">
            <span ng-bind-html="loadingMsg"></span>
        </div>
    </div>
</div>
<table id="BottomMenu">
    <tbody>
    <tr>
        <td id="home" class="active">
            <a href="#index">
                <span class="icon">
                    <img src="imgs/home.active.png" width="20" height="20">
                </span>
                <span class="title">预约</span>
            </a>
        </td>

        <td id="myorder" class="">
            <a href="#/user/order">
                <span class="icon">
                    <img src="imgs/myorder.png" width="20" height="20">
                </span>
                <span class="title">订单</span>
            </a>
        </td>

        <td id="people" class="">
            <a href="#/user/home">
                <span class="icon">
                    <img src="imgs/people.png" width="20" height="20">
                </span>
                <span class="title">个人</span>
            </a>
        </td>
    </tr>
    </tbody>
</table>